<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签之表格</title>
    <style>

    </style>
</head>
<body>
    <!-- 
    表格组成与特点
    行、列、单元格
    单元格特点：同行等高、同列等宽

    表格标签
    表格 table
    行 tr
    单元格（列） td

    快捷键
    快速生成表格结构：table>tr*2>td{单元格}*2（单元格）

    表格属性
        -border: 设置表格的边框
        -width: 设置宽
        -heigh: 设置高
    -->

    <table border="1" width="400px" height="50px" style="text-align: center;">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>

    <table border="1" width="150px" height="50px" style="text-align: center;">
        <tr>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
    </table>
</body>
</html>